.sheet-flaw-map {
    width: 350px;
    position: relative;
    border: 1px solid gray;
    background: rgba(0, 0, 0, 0.1);

    .canvas-top {
        width: 350px;
        height: 30px;
        display: flex;
        background: white;
        flex: 1;
        .descriptions-ul {
            width: 350px;
            margin-left: 4px;
            margin-right: 4px;
            padding-inline-start: 0;
            height: 30px;
            line-height: 30px;
            color: #67c23a;
            font-weight: 600 !important;
            font-size: 13px;
            // border: 1px solid red;

            li {
                list-style-type: none;
                display: inline-block;

                .descriptions-ul-title {
                    margin-right: 4px;
                }

                .descriptions-ul-text {
                    display: inline-block;
                }

                &:nth-child(1) {
                    .descriptions-ul-text {
                        width: 140px;
                    }
                }

                &:nth-child(2) {
                    .descriptions-ul-text {
                        width: 50px;
                    }
                }

                &:nth-child(3) {
                    .descriptions-ul-text {
                        width: 30px;
                    }
                }
            }
        }
    }

    .canvas {
        width: 105%;
        height: calc(100vh - 150px);
        // background: rgba(0, 0, 0, 0.1);
        position: relative;
        left:-16px;
        top: -13px;
        // transform: translate(-20px,20px);
    }
}